<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
		.b1{
			width: 200px;
			height: 300px;
		}
			.buyer{
				position: relative;
				width: 132px;
				height: 18px;
				border: 1px solid #eee;
				margin-left: 100px;
				margin-top: 100px;
				padding: 10px 15px;
			}
			.buyer:hover{
				border: 1px solid #e1251b;
			}
			.car{
				float: left;
				width: 14px;
				height: 16px;
				border: 1px solid #E1251B;
				margin-right: 10px;
			}
			a{
				color: #E1251B;
				text-decoration: none;
			}
			.number{
				width: 18px;
				height: 14px;
				background-color: #E1251B;
				position: absolute;
				color: white;
				text-align: center;
				line-height: 14px;
				left: 25px;
				border-radius: 7px;
				top: 1px;
				font-size: 10px;
			}
		</style>
	</head>
	<body>
		<div class="b1"></div>
		<div class="buyer">
			<div class="number">0</div>
			<div class="car"></div>
			<a href="#">我的购物车</a>
		</div>
	</body>
</html>
